<template>
	<view class="bg-theme">
		<view class="top p-lr-34 p-t-32">
			<view class="" style="position: relative;width: 190rpx;height: 190rpx">
				<image style="width: 100%;height: 100%;" src="/static/my/avator.png" mode=""></image>
				<image style="position: absolute;right: 0;bottom: 0;width: 48rpx;height: 48rpx;"
					src="/static/my/edit.png" mode=""></image>
			</view>
			<view class="flex p-lr-28 m-tb-22 ">
				<view class="fontSize32 fontweight">
					海阔天空
				</view>
				<image class="m-lr-28" style="width: 34rpx;height: 34rpx" src="/static/my/gender.png" mode=""></image>
				<view class="p-lr-28 borderRadius20 bg-pink colorDeeppink">
					封禁中
				</view>
			</view>
			<view class="flex p-lr-28">
				<view class="colorDeeppink">
					您的账号封禁中请点击
				</view>
				<view class="colorBlue">
					“联系客服”
				</view>

			</view>
		</view>
		<view class="list flex m-tb-28 p-lr-34">
			<view class="item flex flex-d-c flex-a-c m-r-50">
				<view class="fontSize28 fontweight">
					0
				</view>
				<view class="m-t-16 fontSize20">
					帖子
				</view>
			</view>
			<view class="item flex flex-d-c flex-a-c m-r-50">
				<view class="fontSize28 fontweight">
					0
				</view>
				<view class="m-t-16 fontSize20">
					信息
				</view>
			</view>
			<view class="item flex-d-c flex-a-c m-r-50">
				<view class="fontSize28 fontweight">
					0
				</view>
				<view class="m-t-16 fontSize20">
					被点赞数
				</view>
			</view>
			<view class="item flex-d-c flex-a-c m-r-50">
				<view class="fontSize28 fontweight">
					0
				</view>
				<view class="m-t-16 fontSize20">
					被收藏数
				</view>
			</view>
			<view class="item flex-d-c flex-a-c m-r-50">
				<view class="fontSize28 fontweight">
					0
				</view>
				<view class="m-t-16 fontSize20">

					被评论过
				</view>
			</view>

		</view>
		<view class="bg-blue  borderRadius20 m-34 p-32">
			<view class="flex-j-b">
				<view class="flex flex-a-c">
					<image style="width: 78rpx;height: 78rpx" src="/static/my/avator.png" mode=""></image>
					<view class="flex-d-c m-l-28">
						<view class="fontSize33">
							小鹏零食
						</view>
						<image class="" style="width: 124rpx;height: 30rpx" src="/static/my/xnjg.png" mode=""></image>
					</view>
				</view>
				<view class="flex-c m-t-50" @click="goSwitch()">
					<view class="fontSize30">
						切换当前身份
					</view>
					<image  style="width: 27rpx;height: 20rpx" src="/static/my/lr_arrow.png" mode=""></image>
				</view>
			</view>
			<view class="fontSize20 m-t-28">
				您当日剩余发帖数量为：1次
			</view>
		</view>
		<view class="columnList m-34 p-14">
			<view class="flex-j-b p-20">
				<view class="fontSize28">
					我的收藏
				</view>
				<image src="/static/my/right_arrow.png" style="width: 16rpx;height: 18rpx;" mode=""></image>
			</view>
			<view class="flex-j-b p-20" @click="toPosts()">
				<view class="fontSize28">
					我的发布
				</view>
				<image src="/static/my/right_arrow.png" style="width: 16rpx;height: 18rpx;" mode=""></image>
			</view>
			<view class="flex-j-b p-20">
				<view class="fontSize28">
					互动足迹
				</view>
				<image src="/static/my/right_arrow.png" style="width: 16rpx;height: 18rpx;" mode=""></image>
			</view>
			<view class="flex-j-b p-20">
				<view class="fontSize28">
					关于我们
				</view>
				<image src="/static/my/right_arrow.png" style="width: 16rpx;height: 18rpx;" mode=""></image>
			</view>
			<view class="flex-j-b p-20">
				<view class="fontSize28">
					管理员后台
				</view>
				<image src="/static/my/right_arrow.png" style="width: 16rpx;height: 18rpx;" mode=""></image>
			</view>
			<view class="flex-j-b p-20">
				<view class="fontSize28">
					隐私政策
				</view>
				<image src="/static/my/right_arrow.png" style="width: 16rpx;height: 18rpx;" mode=""></image>
			</view>
			<view class="flex-j-b p-20">
				<view class="fontSize28">
					投诉与建议
				</view>
				<image src="/static/my/right_arrow.png" style="width: 16rpx;height: 18rpx;" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			toPosts() {
				uni.navigateTo({
					url: '/pages/my/myPosts',

				})
			},
			goSwitch() {
				uni.navigateTo({
					url: '/pages/my/switchIdentities',
				
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
</style>
